<template>
	<view>
		<nav-custom :name="title"></nav-custom>
		<view class="list dis_f_sb_t">
			<view class="left">
				<view class="left_a">
					<view class="a_dian back_l_bule"></view>
					<view class="a_xian back_l_bule"></view>
				</view>
				<view class="left_a">
					<view class="a_dian back_l_hui"></view>
					<view class="a_xian back_r_hui"></view>
				</view>
				<view class="left_a_a">
					<view class="a_dian back_l_hui"></view>
					<view class="a_xian_a back_r_hui"></view>
				</view>
				<view class="left_a_a">
					<view class="a_dian back_l_hui"></view>
					<view class="a_xian_a back_r_hui"></view>
				</view><view class="left_a_a">
					<view class="a_dian back_l_hui"></view>
					<!-- <view class="a_xian_a back_r_hui"></view> -->
				</view>
			</view>
			<view class="right">
				<view class="right_a bor_b_40">
					<view class="dis_f_l_c bor_b_16">
						<view class="black_f_32 mar_r_8 font_w_bold">已签收</view>
						<view class="grey_f_24">2022-02-10  20:30</view>
					</view>
					<view class="black_f_28 mar_b_8">[收货地址]贵州省贵阳市花果园金融街一号1824</view>
					<view class="black_f_28">王先生 156****4541</view>
				</view>
				<view class="right_a bor_b_40">
					<view class="dis_f_l_c bor_b_16">
						<view class="grey_h_32  mar_r_8 font_w_bold">待取件</view>
						<view class="grey_s_24">2022-02-10  20:30</view>
					</view>
					<view class="grey_f_28 line_h_44">您的快递已到达金融街一号菜鸟驿站处，请凭取件码<text class="blue_f_28">3-3-15</text>取件</view>
				</view>
				<view class="right_a bor_b_40">
					<view class="dis_f_l_c bor_b_16">
						<view class="grey_h_32  mar_r_8 font_w_bold">运输中</view>
						<view class="grey_s_24">2022-02-10  20:30</view>
					</view>
					<view class="grey_f_28 line_h_44">快件到达[贵阳转运中心]</view>
				</view>
				<view class="right_a bor_b_40">
					<view class="dis_f_l_c bor_b_16">
						<view class="grey_h_32  mar_r_8 font_w_bold">已发货</view>
						<view class="grey_s_24">2022-02-10  20:30</view>
					</view>
					<view class="grey_f_28 line_h_44">商家已发货，包裹正在等待揽件</view>
				</view>
				<view class="right_a bor_b_40">
					<view class="dis_f_l_c bor_b_16">
						<view class="grey_h_32  mar_r_8 font_w_bold">已下单</view>
						<view class="grey_s_24">2022-02-10  20:30</view>
					</view>
					<view class="grey_f_28 line_h_44">已下单，订单创建成功</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				title: "物流详情",
                url:''
			}
		},
		onShow() {
			this.url=this.$.ajax_url3
		},
		methods: {

		}
	}
</script>

<style lang="scss">
	.list {
		padding: 0 32rpx;
	}

	.left {
		width: 12rpx;

		.left_a {
			width: 12rpx;
			height: 176rpx;
			position: relative;
			margin-top: 12rpx;

			.a_dian {
				width: 12rpx;
				height: 12rpx;
				border-radius: 100rpx;
				position: absolute;
				top: 0;
				left: 0;
			}

			.a_xian {
				width: 2rpx;
				height: 176rpx;
				top: 12rpx;
				left: 6rpx;
				position: absolute;
			}
			.a_xian_a {
				width: 2rpx;
				height: 130rpx;
				top: 12rpx;
				left: 6rpx;
				position: absolute;
			}
		}
		.left_a_a {
			width: 12rpx;
			height: 130rpx;
			position: relative;
			margin-top: 12rpx;
		
			.a_dian {
				width: 12rpx;
				height: 12rpx;
				border-radius: 100rpx;
				position: absolute;
				top: 0;
				left: 0;
			}
	
			.a_xian_a {
				width: 2rpx;
				height: 130rpx;
				top: 12rpx;
				left: 6rpx;
				position: absolute;
			}
		}
	}

	.right {
		width: 650rpx;
		height: 100rpx;
		margin-left: 26rpx;

	}
</style>